ÿþdiv {

	max-width:100%;

	}



img.right, img.left {

	max-width:52%;

	}



img.left {

	margin-right:12px;

	}



img.right {

	margin-left:12px;

	}



.clear {

	clear:both;

	}



.block {

	display:block;

	}



div.clear {

	height:1px;

	line-height:1px;

	margin:0;

	overflow:hidden;

	}



form, h1, blockquote p {

	margin:0;

	padding:0;

	}



h1 {

	font-size:24px;

	font-weight: normal;

	}



h2 {

	font-size: 18px;

	margin: 12px 0 7px 0;



	}

	

h3 {

	font-size:16px;

	margin: 12px 0 7px 0;

	}



h4, h5, h6 {

	font-size:13px;

	margin:10px 0 0px 0;

	color: #cc0000;

	}

	

h4 + p {

	margin-top: 0;

	}



img, acronym {

	border:none;

	}



ol, ul, li {

	font-size:12px;

	line-height:147%;

	margin:0 0 10px 0;

	padding:0;

	}



li {

	margin:0.1em 0 0 0;

	list-style-position:outside;

	}



p {

	line-height:1.4em;

	margin:1em 0;

	}



td, th {

	text-align:left;

	vertical-align:top;

	}



p, pre, td, th, input {

	font-size:12px;

	}



em {

	font-weight:bold;

	font-style:normal;

	}



blockquote {

	margin:1em 0 0 0;

	padding:0;

	}



a:link, a:active, a:visited {

	color:#0049aa;

	text-decoration:underline;

	}



a:visited {

	color:#23488c;

	}



a:hover {

	text-decoration:none;

	color:#0067f0;

	}



img {

	max-width:100%;

	}



.hide {

	display:none;

	}



.small {

	font-size:10px;

	}



.price {

	color:#164685;

	font-weight:bold;

	}



table {

	width:100%;

	}



table.border {

	border:1px solid #ddd;

	width:100% !important;

	}



table.border th {

	background-color:#E7E8E4;

	color:#000;

	}



table.border td, tr.border td {

	border-bottom:1px solid #ddd;

	padding:3px;

	}





#main {

	float:left;

	width:542px;

	min-height:400px;

	max-width:73%;

	}



#main.nosidebar {

	width:762px !important;

	max-width:100% !important;

	}

	

.nosidebar {

	width:762px !important;

	max-width:100% !important;

	}



body {

	background:#e3e3e3 url("bg[1].gif");

	margin:0;

	padding:0;

	font-family:'trebuchet ms',arial,verdana,sans-serif;

	font-size:12px;

	color:#333;

	}



#wrap1, #top {

	margin:auto;

	background:transparent url("top1[1].gif") top left repeat-x;

	}



#wrap2 {

	background:transparent url("top2[1].png") top right no-repeat;

	}



#wrap3 {

	margin:auto;

	max-width:803px;

/*min-width:480px; */

	min-width:600px;

	}



#wrap4 {

	background:#fff url("shadow[1].gif") top left repeat-x;

	border:1px solid #666;

	border-width:0 1px 1px 1px;

	padding-top:1px;

	}



#content {

	position:relative;

	margin:auto;

	padding:15px 1%;

	max-width:98%;

	width:760px;

	}



#top {

	height:84px;

	}



#menu {

	clear:both;

	border-bottom:1px solid #666;

	background:#fff url("menu[1].gif");

	height:28px;

	}



#menu li {

	font-size:11px;

	}



#menu ul, ul.nobullets, .jsMenu ul {

	margin:0;

	padding:0;

	list-style:none;

	}



form, .nomarg {

	margin:0;

	padding:0;

	}



.nomarg li {

	margin:4px 0;

	padding:0;

	}



.pad {

	padding:10px;

	}

	

ul, ol {

	margin-left:20px;

	}



ul.pad {

	padding:12px 0 0 2px;

	}



.grey {

	color:#888;

	}



.right, #footer span, .col2, .col2-lines {

	float:right;

	}



#footer span {

	width:230px;

	text-align:right;

	}



#footer {

	clear:both;

	margin-top:20px;

	color:#444;

	}



#footer p {

	font-size:10px;

	margin:4px 0 0 0;

	}



#footer a {

	color:#444;

	}



#footer img {

	margin-bottom:-3px;

	}

	

#side {

	float:right;

	width:198px;

	max-width:27%;

	margin:0;

	}



#side .pad {

	padding:5px 0;

	}



#side h2, #side h3 {

	clear:both;

	font-size:12px;

	line-height:147%;

	margin:10px 0 5px 0;

	padding:0 5px;

	}



#side h2 {

	background:#eff0ec;

	border-bottom:1px solid #dddfd7;

	}



#side p + h2 {

	margin-top:20px;

	}



#side h3, #side h4 {

	font-size:11px;

	margin:0 0 10px 0;

	}



#side h2 a, #side h3 a {

	display:block;

	color:#222;

	text-decoration:none;

	}



#side p, #side li, #side dt, #side dd {

	font-size:11px;

	}



#side p {

	margin: 0 0 10px 0;

	padding:0 5px;

	}



#side li li {

	font-size:11px;

	}



#side dd {

	margin:2px 0px 8px 0px;

	}



#smenu {

	margin-bottom:20px;

	}



#smenu ul {

	margin:0;

	}



#smenu h2 {

	margin:0;

	padding:0;

	border:1px solid #bbb;

	border-width:1px 0;

	background:#fbfbfb url("smenu1[1].gif");

	}



#smenu li {

	background:#eef0f2;

	list-style-type:none;

	margin:0;

	border-top:1px solid #fff;

	border-bottom:1px solid #bec9d1;

	}



#smenu a {

	text-decoration:none;

	display:block;

	color:#3f526b;

	padding:1px 5px;

	}





#smenu li li a {

	padding-left:15px;

	}



#smenu li li li a {

	padding-left:25px;

	}



#smenu li li li li a {

	padding-left:35px;

	}



#smenu li a:hover {

	background:#fff url("smarrow[1].gif") left center no-repeat;

	}



#smenu li li {

	background:#f5f7f9;

	}

	

#smenu ul ul {

	margin: 0;

	}



#smenu .x2 li {

	border-bottom: none;

	margin: 0;

	padding: 0;

	}



#smenu li.x1 {

	font-weight:bold !important;

	background:#f5f7f9 url("smarrow[1].gif") left center no-repeat;

	}



#smenu li.x1-level3 {

	background:#f5f7f9 url("smarrow2[1].gif") left center no-repeat;

	font-weight:bold;

	}	



.big {

	font-size:12px;

	font-weight:bold;

	}



.bigger {

	font-size:13px;

	}



.small, .note {

	font-size:10px;

	}



h1 + .small {

	margin-top:2px;

	}



#content .vat {

	font-size:10px;

	font-weight:normal;	

	color:#333;

	}



h1 span {

	color:#ccc;

	}



.section {

	clear:both;

	margin-top:20px;

	border-top:1px solid #ccc;

	}



.section h1 {

	margin:10px 0;

	}



.spaced {

	margin-left:5px;

	}



.pagenav {

	float:right;

	font-size:10px;

	text-align:center;

	margin:0;

	}



.pagenav span {

	display:block;

	font-weight:bold;

	font-size:11px;

	}



.col1, .col1-lines, .col2, .col2-lines {

	width:48%;

	margin-top:10px;

	}



.col1, .col1-lines {

	clear:both;

	float:left;

	}



.col1 h2, .col2 h2, .col1 h3, .col2 h3, .col1-lines h2, .col2-lines h2, .col1-lines h3, .col2-lines h3 {

	margin-top:10px;

	font-size:13px;

	}



.col1-lines, .col2-lines {

	border-top:1px solid #ccc;

	padding-top:10px;

	}



table {

	width:542px;

	border-collapse:collapse;

	}



#main.nosidebar table {

	width:100%;

	}



table.auto {

	width:auto;

	margin-top:12px;

	}





.grid td {

	border-collapse:collapse;

	padding:2px 5px;

	border:1px solid #aaa;

	}



.grid th {

	background:#31688e;

	padding:2px 5px;

	color:#fff;

	}



.form td, .form th {

	background:#f3f3f3;

	padding:5px;

	border-collapse:collapse;

	border:1px solid #fff;

	}



.form th {

	background:#eee;

	}



h2.blue {

	background:#31688e;

	color:#fff;

	font-size:11px;

	padding:3px 5px;

	margin:0;

	}

	

	

.form th.blue {

	background:#31688e;

	color:#fff;

	font-size:11px;

	padding:3px 5px;

	margin:0;

	}	



.green {

	color:#181;

	}



dt {

	margin:0;

	}



dd + dt, h1 + ul {

	margin-top:15px;

	}



dd {

	margin:5px 0 5px 10px;

	}



dl.list dt {

	font-weight:bold;

	display:inline;

	float:left;

	clear:left;

	margin:0;

	padding:0.2em 1em 0.2em 0;

	}



dl.list dd {

	padding:0.2em 0;

	}



blockquote {

	background:#fff url("q1[1].gif") top left no-repeat;

	margin:15px 0 0 0;

	padding-left:27px;

	}



blockquote p  {

	background:#fff url("q2[1].gif") bottom right no-repeat;

	min-height: 18px;

	padding:5px 27px 0 0;

	margin:0;

	}

	

blockquote#education p {

	width: 320px;

	background:#fff url("q2[1].gif") bottom right no-repeat;

	}	



blockquote.gfx {

	margin:0;

	padding:0;

	width:300px;

	height:65px;

	overflow:hidden;

	background:transparent;

	}



blockquote.gfx p {

	background:#f3f3f3;

	padding:0;

	}



p.heshesaid {

	font-size:10px;

	margin:0 0 10px 0;

	padding:0 33px 0 0;

	text-align:right;

	}



#menu li {

	width:13%;

	height:28px;

	margin:0;

	padding:0;

	float:left;

	}



#menu ul a {

	display:block;

	width:100%;

	line-height:28px;

	border-left:1px solid #7e7e7e;

	height:28px;

	background:#eee url("menu[1].gif");

	text-align:center;

	color:#000;

	text-decoration:none;

	}



#menu ul a span {

	display:block;

	width:100%;

	height:28px;

	border-left:1px solid #fff;

	}



#menu ul a:hover, #menu ul a.selected {

	cursor:pointer;

	background-color:#ddd;

	background-position:100% -36px;

	}



.hide, .handheld, #sub span {

	display:none !important;

	}



li#home, li#buy {

	width:11%;

	}



li#myopera span {

	border-right:1px solid #7e7e7e;

	}



.jsMenu {

	position:absolute;

	display:none;

	padding:1px;

	background-color:#fff;

	border:1px solid #555;

	z-index: 10;

	}



.jsMenu li {

	border-bottom:1px solid #fff;

	font-family:verdana,sans-serif;

	font-size:10px;

	margin:0px;

	}



.jsMenu li.separator {

	line-height:1px;

	height:1px;

	background-color:#fff;

	padding:0px;

	margin:0px;

	}



.jsMenu li a {

	display:block;

	text-decoration:none; 

	color:#000;

	border:1px solid #ccc;

	padding:1px 2px 2px 6px;

	}



.jsMenu a:hover {

	background:#efefef;

	}





#operalogo {

	color:#900;

	font-size:22px;

	}



#srch {

	float:right;

	width:308px;

	height:30px;

	text-align:right;

	background:transparent url("top3[1].png") top left no-repeat;

	}



#srch form {

	padding-top:3px;

	}



#srchbox {

	width:143px;

	}



#srch input {

	font-size:10px;

	}



#slogan, #lang, #quote {

	clear:right;

	float:right;

	}



#quote {

	margin-top: 10px;

	width:370px;

	margin-left:30px;

	}

	

#lang {

	width:300px;

	text-align:right;

	padding-top:12px;

	}



#lang img {

	margin:0 0 -6px 7px;

	}



.icon {

	margin:0 5px -4px 0;

	}



ul.col {

	margin-top:-4px;

	margin-bottom:4px;

	width:140px;

	float:left;

	}



.btn {

	clear:left;

	}



#col2 {

	clear:both;

	background:#fff url("col2[1].gif") top right;

	padding-bottom:10px;

	width:100%;

	border-bottom:1px solid #aaa;

	}



.c1 {

	width:505px;

	max-width:67%;

	float:left;

	background:#fff;

	}



.c2 {

	width:252px;

	max-width:33%;

	float:right;

	}



.c2 img {

	margin:0 7px;

	}



.c2 div {

	clear:both;

	margin:7px 0;

	border-top:1px solid #aaa;

	}



#col2 h2 {

	margin:0;

	background:#eee url("h2grey[1].png") top left;

	line-height:26px;

	font-size:12px;

	padding-left:7px;

	}



#col2 p, #col2 h3 {

	padding:1em 7px 0 7px;

	font-size:11px;

	margin:0;

	}



.col175 {

	width:175px;

	}



.col70p {

	width:70%;

	}



.lang li {

	padding:4px 0;

	min-height:45px;

	}



.lang li img {

	margin:3px 8px 0 0;

	}



.lang li p, .buttons  {

	margin:0 0 0 56px;

	}



p.header {

	background:#f3f3f3;

	padding:1px 0 1px 5px;

	margin-bottom:5px;

	}



.greyheader {

	background:#f2f2f2;

	font-size:13px;

	padding:2px 5px;

	}



p.sub {

	padding-left:5px;

	margin:0;

	}



.topresult {

	background:#f4f4f1;

	padding:3px 6px;

	}



kbd, code {

	background:#eee;

	padding:0 2px;

	}





.border1{

	border: 1px solid black;

	}



.grayCells {

	background: #F5F7F9;

	}



	



#content ul.checklist li {

	list-style-type:none;

	list-style-image: url("checklist[1].gif");

	list-style-position: outside;

	padding:1px 0 2px 2px;

}



.red {

	color:#c00;

	}

	

.pale {

	color: #ccc;

	}



.darkred {

	color:#900;

	}



.code

 {

	border:1px solid #777;

	background-color:#f3f3f3;

	max-width:100%;

	overflow:auto;

}



.feedicon {

	margin-right:2px;

	}





.date {

	color: #aa0000;

	}

	

.sep {

	color: #aaa;

	margin: 0 5px;

	font-weight: normal;

	}

	

dl.news { /* press release entries on front page */

	padding-right: 20px;

	margin: 10px 0 0 0;

	clear: left;

	border-bottom: 1px dashed #ddd;

	}

	

dl.news + .news {

	

	}



	

dl.news dt {

	color: #aa0000;

	display: block;

	float: left;

	margin: 0 10px 0 5px;

	border:1px solid #fff; /*for fix in IE*/

	}

	

dl.news dd {

	margin: 11px 10px 5px 60px;



	}



dl.news a {

	text-decoration: none;

	}

	

dl.news a:hover {

	text-decoration: underline;

	}



.center {

	text-align:center;

	}





.rounded.even {

	background-color:#fff;

}



.rounded {

	clear:both;

	position:relative;

	margin:12px 5px;

	border:1px solid #d1d1d1;

	background:#f6f6f6;

	padding:5px;

	}



.rounded:before {

	display:block;

	height:9px;

	background: transparent url("c2[1].png") top right no-repeat;

	content: url("c1[1].png");

	line-height:1px;

	font-size:1px;

	margin:-6px -6px 0 -6px;

	}



.rounded:after {

	display:block;

	height:9px;

	background: transparent url("c4[1].png") bottom right no-repeat;

	content: url("c3[1].png");

	line-height:1px;

	font-size:1px;

	margin:1px -6px -6px -6px;

}



.bold, .strong {

	font-weight: bold;

	}

	

	

#menu.lang li {

	width:11%;

}



.clearfix:after {

	display: block;

	content: ".";

	visibility: hidden;

	height: 1px;

	clear: both;

	}





.left {

	float: left;

	}

	

.right {

	float: right;

	}

	

.image p {

	font-style: italic;

	margin: 0;

	}

	

.clear-left {

	clear: left;

	}

	

.clear-right {

	clear: right;

	}





/* Opera 9 */



/* opera.com front */



#downloadnow {

	float: left;

	}



#wrap4 .fixed {

	max-width:760px;

	}



.campaignfront {

	position: relative;

	font-size: 18px;

	height: 290px;

	margin:0;

	padding:0;

	}

	

.campaignfront .navlinks {

	font-size: 14px;

	text-align:right;

	width:500px;

	color: #999;

	margin: 15px 10px 0 0;

	padding: 0 0 5px 0;

	height: 40px;

	float: right;

	}

	

.navlinks img {

	margin: 0 7px 0 15px;

	vertical-align: middle;

	}

	

.campcont .leadin { /* text bg in IE */

	background: url("leadin-bg[1].jpg") top left no-repeat;

	}



.campcont > .leadin { /* text bg in other browsers */

	background: url("leadin-bg[1].png") top left no-repeat;

	}



	

.users h3, .users p {

	margin: 0;

	}	



.users {

	position: absolute;

	bottom:62px;

	right: 30px;

	color: #fff;

	}



.users a:link, .users a:active, .users a:visited {

	color: #fff;

	}



.largetext {	

	font-size: 14px;

	margin: 0;

	}



.checklist {

	margin-top: 20px !important;

	}



.checklist li {

	font-size: 14px;

	font-weight: normal;

	}



.campbody blockquote {

	font-size: 18px;

	line-height: 26px;

	color: #999;

	}



.campbody .heshesaid {

	margin-top: 10px;

	color: #000;

	}





	#viewmovie {

		position: absolute;

		top: 155px;

		right: 0px;

		color: black;

		width: 132px;

		height: 18px;

		padding-left: 15px;

		background: url("playmovie-bg[1].jpg") no-repeat;

		}





/* =html elements styling */



	





h3 {

	margin: 0 0 5px 0;

	}

	

.campbody h2 { /* headline. campaign pages */

	margin: 0 0 20px 0;

	}





/* switch page styling */



#switch h2 {

	margin: 15px 0 0 0;

	padding-top: 15px;

	font-size: 18px;

	border-top: 1px solid #eee;

	}

	

#switch h2.first {

	clear:none; border: none;

	margin-top: -10px;

	}



/* screenshots page styling */



#o9-screens div {

	float: left;

	width:252px;

	}

	

#o9-screens p {

	margin: 2px 0 20px 0;

}



#o9-screens img {

	margin: 0 16px 0px 0;

}



/* user page styling */



#users img .h1 {

	font-size: 100px;

	overflow: hidden;

	}

	

#users .userinfo { /* text in user page */

	float: left;

	width: 65%;

	}



#users .sideshot { /* picture of user */

	margin: 0 30px 20px 0;

	float: left;

	}

	

#users .friends ul li {

	float: left;

	display: block;

	font-size: 12px;

	}

	

#users .friends li img {

	clear: right;

	}

	

	

#users .friends li a {

	clear: both;

	}

	

#users blockquote {

	color: #cc0000;

	background: url("quote[1].png") top left no-repeat;

	margin: 20px 0px 0 0;

	}

	

#users blockquote + p {

	font-size: 20px;

	margin: 0;

	float: right;

	}

	

#users .en-dash {

	letter-spacing: -0.1em;

	color: #999;

	}

	

#users .name { /* user name */

		font-weight: bold;

		margin-right: 10px;

		color: black;

	}



#users blockquote + p span + span { /* user title */

		font-weight: normal;

		color: #999;

	}



#users ul li {

	margin: 0; padding: 0;

	font-size: 14px;

	}



#users blockquote p {

	font-style: italic;

	font-size: 2em;

	padding: 10px;

	background: transparent url("quote-2[1].png") bottom right no-repeat;

	}



#users h3 {

	font-size: 20px;

	margin-top: 15px;

	font-weight: normal !important;

	color: #cc0000;

	}



.col {

	width: 44%;

	margin-right: 2%;

	}	

	

.col + .col {

	margin-right: 0;

	}



/* eivinds */





.m { 

	font-size: 14px; 

	line-height: 20px;

	}



.l {

	margin: 10px 0 15px 0;

	font-size: 16px;

	line-height: 22px;

	}

	

/*---------------------------------------------------------------*/

/* BREADCRUMB STYLING - used on devices page and flash tutorials */

/*---------------------------------------------------------------*/



	#breadcrumbs { /* breadcrumb navigation links */

		margin: 0 0 10px 0;

		padding: 3px 7px 0 0;

		float: left;

		font-size: 13px;

		}

		

/*---------------------------------------------------------------*/

/* TABLE STYLE on products/desktop/keyboard											 */

/*---------------------------------------------------------------*/



#keyb .keytable {

		width:100%;

}

#keyb .keytable td, th {

		border-bottom:1px solid #cccccc;

}

#keyb .keytable td {

		text-align:right;

}

#keyb .keytable_h3 {

		margin-top:100px;

}

#keyb h2 {

		background-color:#D9D9D9;

		margin-top:10px;

}

#keyb h3 {

		background-color:#F2F2F2;

		margin-top:10px;

}